@size-middle:20px;
@size-larget:32px;
@color-deep:#1b1615;
@color-base:#f5f5f9;
@color-primary:#108ee9;
@color-defalut:#ddd;
@color-border:#ddd;
@padding-base:15px;
@margin-base:15px;
.textOverflow() {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}

// .textOverflowMulti(@line: 3, @bg: #fff) {
//   overflow: hidden;
//   position: relative;
//   line-height: 1.5em;
//   max-height: @line * 1.5em;
//   text-align: justify;
//   margin-right: -1em;
//   padding-right: 1em;
//   &:before {
//     background: @bg;
//     content: '...';
//     padding: 0 1px;
//     position: absolute;
//     right: 14px;
//     bottom: 0;
//   }
//   &:after {
//     background: white;
//     content: '';
//     margin-top: 0.2em;
//     position: absolute;
//     right: 14px;
//     width: 1em;
//     height: 1em;
//   }
// }

// mixins for clearfix
// ------------------------
.clearfix() {
  zoom: 1;
  &:before,
  &:after {
    content: ' ';
    display: table;
  }
  &:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0;
  }
}
